<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="header"id="shouye">
          <img src="贴图.png" alt="">
          <div class="one">
              <p>这是有关于<br>四个女孩的故事</p>
          </div>
        </div>
        <div class="nav">
           <div class="big"><a href="#shouye">首页</a></div>
           <div class="small"> <a href="#tuandui">团队</a></div> 
           <div class="out"><a href="#zuopi">团队作品</a></div> 
        </div>
        <div class="team" id="tuandui">
            <h3>团队介绍</h3>
                <div class="tow">
               <img src="人头4.jpg"width="200px" hieght="200px" alt="">
             
           </div> 
            <p class="ou">
             <br>  <a href="http://yan-shimei.gitee.io/personal-website
             " target="blank">老四</a>
            </p>
           <div class="three">
               <img src="人头1.jpg" width="200px" hieght="200px"alt="" >

               
           </div>
           <p class="oy">
                 <a href="http://song-junmei.gitee.io/personal-website " target="blank">老二</a>
               </p>
           <div class="four">
               <img src="人头7.jpg"width="200px" hieght="200px" alt="">
               
           </div>
           <p class="ot">
            <a href="  http://tao-min.gitee.io/personal-website" target="blank">老大</a>
           </p>
           <div class="five">
               <img src="人头3.jpg"width="200px" hieght="200px" alt="">
               
           </div>
           <p class="or">
             <a href="http://yu-guidan.gitee.io/yu-guidans-personal-website
            " target="blank">老三</a>
           </p>  
           <!-- <div class="six">
            <img src="人头4.jpg"width="200px" hieght="200px" alt=""> -->
            

        </div>
        <div class="work" id=zuopi>
           <h3> 团队作品集</h3>
           <img src="作品1.jpg" width="400" hieght="400"alt="">
           <img src="作品2.jpg" width="400" hieght="400"alt="">
           <img src="作品3.jpg" width="400" hieght="400"alt="">
           <img src="作品4.jpg" width="400" hieght="400"alt="">
           <img src="作品5.jpg" width="400" hieght="400"alt="">
           <img src="作品6.jpg" width="400" hieght="400"alt="">
        </div>
        <div class="footer">
           <img src="二维码.jpg"width="150px" hieght="150px" alt="">
           <p>电子邮箱：2387432@FOUR.com
              <br> 官方微博:weibo@FOUR.com
              <br> 官方微信：12345432
           </p>
        </div>
    </div>
</body>
</html>